<style>
  #term_condition_popup {
    -moz-border-radius: 6px;
    background: #eef2f7;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
    border-radius: 6px;
    padding: 14px;
    width: 800px;
    position: relative;
    height:500px;
    display: none;
  }
  #close_x {
    height: 41px;
    line-height: 1000px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    background: url('<?php echo base_url() . APPPATH ?>themes/welcome/img/close.png') no-repeat;
  }
</style>
<div id="term_condition_popup">
  <div>
    <div class="font30" style="color:#E06604">Terms and conditions</div>
    <div class="mg10" style="overflow: auto;height:450px"> 
      <?php
      $content = $this->content_model->get(array('key' => 'term_condition'));
      if (!empty($content)) {
        echo $content['content'];
      }
      ?>
    </div>    
  </div>  
  <a id="close_x" class="close sprited" href="#"></a>
</div>